/*引入数据列表页面的样式*/
@import "data_list.css";

/*引入数据添加/修改 的详情 页面的样式*/
@import "data_detail.css";

/*分类详情*/
@import "category_detail.css";


/*
=======================================
顶部栏
=======================================
*/
#topbar   {text-align: right;position: fixed;width: 100%;top: 0;left: 0;z-index: 1000;box-shadow: 0 0 black;}
#topbar .layui-nav{border-radius:0!important;}
#topbar .layui-nav-item{text-align: left;}
#topbar .layui-nav-item i{margin-right: 5px;}






/*
=======================================
菜单栏 go
=======================================
*/

#sidebar .layui-nav-side{top: 60px;}
#sidebar .layui-nav{ background-color:#343434; margin-bottom: 300px;}
#sidebar {
    float: left;
    margin: 0;
    padding: 0;
    top: 60px;
    position: fixed;
    z-index: 100;
    left: 0;
	background-color:#343434;
	height:100%;
}

#sidebar   .layui-nav-item i{margin-right: 5px;}




/*
=======================================
底部
=======================================
*/
.footer{/* border: solid 1px; */margin-bottom: 55px;}
.footer .copyright{
    color: #c6c6c6;
    text-align: center;
    background-color: transparent;
    padding-bottom: 15px;
    margin-left: 210px;
}






/*
=======================================
主体框架
=======================================
*/

#container {
    margin: 0;
    padding: 50px 0 0;
    /* height: 100%; */
    /* height: 300px; */
}

#maincontent {
    padding: 0;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    width: 100%;
}



#content {
    padding: 15px;
    margin: 20px 10px 10px 210px;
    min-width: 680px;
    position: relative;
    background-color: #ffffff;
    box-shadow: 0px 0px 8px #cccccc;
}


#content h1 {
    margin: 0 0 5px;
    font-size: 24px;
    padding: 8px 10px 10px 10px;
    font-weight:700;
}



























/*term-boxing部分通用样式，其他根据特定的改变===========================================*/

/*顶部栏 go==================================================================*/

.term-list-box .list-boxing-logo{
    width: 50px;
    height: 50px;
}
.term-list-box .list-boxing-function{
    width: 50px;
    margin-left: -50px;
}
.term-list-box .list-boxing{
    padding-left: 65px;
}
#content .term-list-box ul.list-boxing-data li{
    margin-bottom: 10px;
}
.term-list-box .list-boxing-content{
    min-height: 120px;
}
.list-boxing2{
    margin-left: 60px;
}
.list-boxing3{
    margin-left: 120px;
}








/*统计页面的条件筛选*/
.select-function { width:99%; margin: 25px auto  0 auto;}
.select-function .layui-form-item{ float: left; clear: none; width:250px;}
.select-function .layui-form-label{ width:80px;}
.select-function .layui-input-block{ margin-left:120px;}
.select-function .functions{ margin-left: 80px; }






/*筛选条件框*/

.select-box{background:#efefef;padding:5px;margin: 0px 0px 15px 0px;}
.select-box input{width:150px;}
.select-box .layui-btn{ height: 38px; line-height: 38px; margin: 0 0 0 10px;}

.select-box .layui-form-item {width:auto; float: left; clear:none;margin-bottom: 0px;  }
/*.select-box .layui-form-item {max-width:350px; float: left; clear: none;  }*/


.select-box .layui-form-label{width:auto; max-width:80px;}
.select-box .layui-input-block{ margin:0; float:left;}
.select-box .layui-input-block .layui-input,.select-box .layui-input-block .layui-textarea{ padding:0 0 0 5px;}











.statistics-box{ margin-top: 25px}
.statistics-box h2{ font-size: 16px; font-weight: 700; margin-top:55px;}
.statistics-box h2 span{ margin-right: 25px;}










.term-select-function{ float:right;width:400px; }


.term-select-function select{height: 38px; width: 100%;
    line-height: 38px;
    line-height: 36px \9;
    background-color: #fff;
    border-radius: 2px;display: block;
    padding-left: 10px;
    border: solid 1px #ccc;
    padding-right: 30px;
    cursor: pointer;}






.import-add-box{ overflow: auto}
.import-add-box h2{ font-size: 16px; font-weight: 700; border-bottom: solid 1px #cccccc; padding-bottom:15px; margin:25px 0 15px 0 ;}
.import-add-box form{ background-color: #ececec; padding: 15px!important; width: 400px; float: left;
 margin-left:15px!important; }
.import-download { border-bottom: solid 1px #cccccc; padding-bottom:25px; margin:35px 15px;}










/*遮罩图层的样式*/
.message_layer{
     width:100%;
     height: 100%;
     background-color: #333333;
     position: absolute;
     z-index: 999;
     top: 0;
     left: 0;
     filter:
     alpha(opacity=80);  /*支持 IE 浏览器*/
     -moz-opacity:0.80; /*支持 FireFox 浏览器*/
     opacity:0.80;  /*支持 Chrome, Opera, Safari 等浏览器*/
     color: #ffffff;
     display: none;
 }

.message_layer_content_box{
    position: fixed; top: 50%; left: 50%; width:250px;margin-left: -75px;
}

.message_layer_content_box .layui-icon{
    float:left;width:30px;height:30px;font-size:30px;
}
.message_layer_content_box .content_box{line-height:30px; padding-left: 15px;float:left;
}
/*遮罩图层的样式*/











